<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function cal(op){
				let number1=document.getElementById("first").value
				let number2=document.getElementById("second").value
				//判断没有输入的情况(完整性验证)
				if(number1==""||number2==""){
					document.getElementById("third").value="输入数字不完整"
					return; /* 出现异常情况直接打断 */
				}
				//判断输入内容不是数字(合法性验证)
				if(isNaN(number1)||isNaN(number2)){
					document.getElementById("third").value="只能输入数字"
					return; /* 出现异常情况直接打断 */
				}
				let number3=eval(number1+op+number2)
				//判断除数是0的情况
				if(isNaN(number3)||!isFinite(number3)){
					document.getElementById("third").value="除数不能为0"
					return;
				}
				document.getElementById("third").value=number3.toFixed(15)-0  /* 精确到小数点第15位   -0 用来消除后面多的0*/
			}
			
		</script>
	</head>
	<body>
		第一个数<input type="text" id="first" /><br>
		第二个数<input type="text" id="second" /><br>
		<button onclick="cal('+')">+</button>
		<button onclick="cal('-')">-</button>
		<button onclick="cal('*')">*</button>
		<button onclick="cal('/')">/</button><br>
		计算结果<input type="text" id="third" /><br>
	</body>
</html>
